// 引入echarts.js
import * as echarts from '../../ec-canvas/echarts';

let chart = null;

Page({
  data: { 
    ec: {
      onInit: initChart
    }
  }
})

// 初始化图表函数
function initChart(canvas, width, height, dpr) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr
  })

  canvas.setChart(chart)

  // 显示Echarts图表类型信息，可以去Echarts官网复制粘贴
  let option = {
    xAxis: {
      type: 'category',
      data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    },
    yAxis: {
      type: 'value',
      boundaryGap: [0, '30%']
    },
    legend: {
      data: ['第一时间段', '第二时间段']
    },
    series: [
      {
        name: '第一时间段',
        data: [150, 230, 224, 218, 135, 147, 260, 31, 312, 134, 21, 123],
        type: 'line',
        smooth: 0.6,
      },
      {
        name: '第二时间段',
        data: [113, 234, 324, 218, 435, 47, 60, 11, 312, 144, 61, 223],
        type: 'line',
        smooth: 0.6,
      }
    ],
  }

  chart.setOption(option);
  return chart;
}
